<template>
  <div class="header">
     <span @click="$router.back()">返回</span>
     <section>{{title}}</section>
     <span @click="back">跳转</span>
  </div>
</template>

<script>
export default {
  props:{
    title: String
  },
  setup(props,{emit}) { // 没有this 第一个参数 props, 第二个参数就是当前页面的上下文
    // console.log(props.title);
    //  console.log(ctx);
    const back = () => {
      emit('jump'); // 子传父
    }
    return{
       back 
    }
  },
};
</script>
<style lang="scss" scoped>
 .header{
   height: 50px;
   display: flex;
   align-items: center;
   span{
       width: 80px;
       text-align: center;
   }
 }
</style>